<template>
	<view class="flex-colume-start thirdPage">
		<view style="height: 30rpx;"></view>
		<view class="flex-row-center" style="background-color: white; width: 700rpx; border-radius: 20rpx; height: 270rpx;">
			<image src="/static/bg1.png" style="width: 620rpx; height: 261rpx;"></image>
		</view>
		<view class="flex-colume-start" style="margin-top: 30rpx; background-color: white; width: 700rpx; border-radius: 20rpx; padding: 40rpx; box-sizing: border-box;">
			<input v-model="form.name" class="input1" style="margin-top: 10rpx;" placeholder="请输入姓名"></input>
			<input v-model="form.phone" class="input1" placeholder="请输入手机号"></input>
			<input v-model="form.idCard" class="input1" placeholder="请输入身份证号"></input>
			<input v-model="form.bank" class="input1" placeholder="请输入办理银行"></input>
			<input v-model="form.no" class="input1" placeholder="请输入员工编号"></input>
			<view class="btn1" style="margin-top: 40rpx;" @click="sureBtnClick(0)">立即查询</view>
			<view class="flex-row-center" style="margin-top: 10rpx;">
				<view style="width: 200rpx; height: 50rpx;" @click="sureBtnClick(1)"></view>
				<view style="margin-left: 10rpx; width: 200rpx; height: 50rpx;" @click="sureBtnClick(2)"></view>
				<view style="margin-left: 10rpx; width: 200rpx; height: 50rpx;" @click="sureBtnClick(3)"></view>
			</view>
			
			<!-- <view style="font-size: 24rpx;">Copyright @2024</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form:{
					name:'',
					phone:'',
					idCard:'',
					bank:'',
					no:''
				}
				
			}
		},
		methods: {
			sureBtnClick(index){
				if (!this.form.name){
					uni.showToast({
						title:'请输入姓名',
						icon:'none'
					})
					return
				}
				// if (!this.form.phone){
				// 	uni.showToast({
				// 		title:'请输入手机号',
				// 		icon:'none'
				// 	})
				// 	return
				// }
				// if (!this.form.idCard){
				// 	uni.showToast({
				// 		title:'请输入身份证号',
				// 		icon:'none'
				// 	})
				// 	return
				// }
				// if (!this.form.bank){
				// 	uni.showToast({
				// 		title:'请输入办理银行',
				// 		icon:'none'
				// 	})
				// 	return
				// }
				// if (!this.form.no){
				// 	uni.showToast({
				// 		title:'请输入员工编号',
				// 		icon:'none'
				// 	})
				// 	return
				// }
				uni.setStorageSync('info',JSON.stringify(this.form))
				uni.navigateTo({
					url:'/pages/third/thirdResult?formType='+index
				})
				
			}
			

		}
	}
</script>

<style lang="scss" scoped>
	
	.thirdPage {
		.input1{
			width: 100%;
			height: 76rpx;
			border-radius: 10rpx;
			border: 1px solid rgb(213, 218, 232);
			padding: 0rpx 20rpx;
			font-size: 28rpx;
			box-sizing: border-box;
			margin-bottom: 20rpx;
		}
		.btn1{
			width: 500rpx;
			height: 84rpx;
			line-height: 84rpx;
			color: white;
			font-size: 30rpx;
			font-weight: 600;
			border-radius: 20rpx;
			background-color: rgb(0, 155, 32);
			text-align: center;
		}
		
	}
</style>